<template>
  <div class="exam-system">
    <SearchBox
      :SelectItemList="SelectItemList"
      :SelectItemTitleList="SelectItemTitleList"
      SearchItemPlaceholder="请输入试卷名称"
      SearchItemTitle="试卷名称"
    ></SearchBox>
    <Banner></Banner>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
import SearchBox from "../components/SearchBox.vue";
import { option } from "../components/SearchBox.vue";
import Banner from '../components/Banner.vue'

@Component({
  name: "ExamSystem",
  components: {
    SearchBox,
    Banner
  },
})
export default class ExamSystem extends Vue {
  SelectItemList: Array<Array<option>> = [
    [
      {
        value: "待考试",
        label: "待考试",
      },
      {
        value: "已提交",
        label: "已提交",
      },
      {
        value: "已批改",
        label: "已批改",
      },
    ],
    
  ];
  SelectItemTitleList: Array<string> = ["考试状态"];
}
</script>
<style>
.is-leaf {
  color: #101010 !important;
  font-weight: 700 !important;
  padding: 24px 0 !important;
}
.el-select{
  margin-left: 20px;
}
</style>

